<template>
<!-- vue 是一个渐进式框架 -->
  <div id="dir">
    <div>{{timeFormate}}</div>
    <div>{{timeFormate}}</div>
    <div>{{timeFormate}}</div>
    <div>{{timeFormate}}</div>
  </div>
</template>
<script>
export default {
  name: "dir",
  // computed 是一个计算属性
  computed: {
    timeFormate() {
      // console.log(this)
      var datew = new Date(this.time).toLocaleString();
      return datew
    }
  },
  data() {
    return {
      time: '2020-12-13'
    }
  },
  methods: {
    // timeFormate() {
    //   console.log(1)
    //   var datew = new Date(this.time).toLocaleString();
    //   return datew
    // }
  }
}
</script>
<style>
  .divBox{
    width: 200px;
    height: 200px;
    background-color: red;
  }
</style>